<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="top-con">

                <ul class="box1">
                    <li><img src="img/logo.jpg" alt=""></li>
                    <li><span> HOME </span> <a href="">网站首页</a></li>
                    <li><span>  RESOURSE </span><a href="">传悦资源</a></li>
                    <li><span>CASES </span> <a href="caseList.html">传悦案例</a></li>
                    <li><span>SOLUTIONS </span> <a href="solution.html">解决方案</a></li>
                    <li><span>SUBMIT </span> <a href="">需求提交</a></li>
                </ul>



                <div class="top-lf">
                    <img src="img/tel.png" alt="" class="tel"><span>0535-606552189</span>
                    <img src="img/qq.png" alt="" class="qq">
                    <img src="img/wb.png" alt="" class="wb">
                    <img src="img/wx.png" alt="" class="wx">
                    <img src="img/email.png" alt="" class="email">

                </div>





                <div class="box2">
                    <h2>传悦观点 <span>VIEWPOINT</span></h2>
                    <img src="img/phone.png" alt="" class="left">
                    <p class="right">
                        <h3>传悦上线前的准备工作</h3>
                        <h4>08-17</h4>
                        <h5>创梦网络科技有限责任公司</h5>
                    </p>
                </div>
                <span class="cha"><img src="img/cha.png" alt=""></span>




            </div>

            <div class="bottom">
                <div class="bottom-con">
                    <span> Copyright 2013创梦网络科技有限助人公司 ||传悦Chnyoo.cn All Rights Reserved 京ICP备12005221号 </span>
                    <ul class="bottom1">
                        <li>关于传悦</li>
                        <li>新闻动态</li>
                        <li>传悦观点</li>
                        <li>联系传悦</li>
                        <li>加入传悦</li>
                        <li>付款账户</li>
                    </ul>
                </div>

            </div>
        </div>



    </div>

</body>
<script>
    let span = document.querySelector(".cha");
    console.log(span);
    let box2 = document.querySelector(".box2");
    console.log(box2);
    span.onclick = function() {
        box2.style.display = "none";
        span.style.display = "none";
    }
</script>

</html>